<template>
  <div>
    <h1>Home</h1>
    <router-link to="/home/news">news</router-link>
    <!-- <router-link to="/home/music/1">华语music</router-link>
        <router-link to="/home/music/2">粤语music2</router-link> -->

    <!-- <router-link :to="{path:'/home/music/1'}">华语music</router-link>
        <router-link :to="{path:'/home/music/2'}">粤语music2</router-link> -->
    <router-link :to="{ name: 'music', params: { id: '1' } }"
      >华语music</router-link
    >
    <router-link :to="{ name: 'music', params: { id: '2' } }"
      >粤语music2</router-link
    >

    <!-- <router-link to="/home/games?tit=QQ飞车&time=2000">游戏1</router-link> -->
    <router-link :to="{ name: 'games', query: { tit: '和平', time: '2020' } }"
      >游戏1</router-link
    >
    <router-link :to="{ name: 'games', query: { tit: '王者', time: '2009' } }"
      >游戏2</router-link
    >
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style scoped>
</style>